// React + TS

// 指定泛型参数或者null，使set函数可以接受null

import { useState } from "react"

type User = {
  name:string,
  age:number
}

function App() {
  const [user, setUser] = useState<User | null>()

  const changeUser = () => {
    setUser(null)
    setUser({
      name: 'jack',
      age: 18
    })
  }
  
  return (
    <>
      This is App
      {/* 因为user有可能为null，为了类型安全，使用了可选链（?.）的方式，意思是只有user不为null的时候，才会执行点后面的操作 */}
      <div>
        姓名：{user?.name}，年龄：{user?.age}
      </div>
    </>
  )
}

export default App
